<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="{{ page.description }}" />
    <title>M3O - {{ page.title }}</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
      integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
      crossorigin="anonymous"
    />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"
    />
    <link rel="stylesheet" href="/assets/css/m.css?v=46" />

    <style type="text/css">
      .main {
        min-height: 100%;
        min-height: 100vh;
        padding-top: 0;
        text-align: justify;
      }
      .blurb {
        margin-top: 25px;
      }
      h4 {
        text-align: center;
        margin: 50px 0 25px 0;
      }
      .quote {
        padding: 20px 10% 20px 10%;
        background-color: #f5f5f5;
        list-style: none;
      }
    </style>
  </head>
  <body>
    {% include header.html %}
    <div class="container-fluid">
      <div class="row main">
        <div class="col-md-12">
          <center>
            <h1><b>{{ page.title }}</b></h1>
            <p>&nbsp;</p>
          </center>
          <div>
	    {{ content }}
          </div>
        </div>
      </div>
    </div>
    {% include footer.html %}
    {% include script.html %}
  </body>
</html>
